<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>生日快乐 - xxx</title>
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
<main class="container">
    <div>
        <script>
            for (i = 0; i < 20; i++) {
                document.write('<img src="img/moon.jpg" class="particle">')
            }
            for (i = 0; i < 20; i++) {
                document.write('<img src="img/stars.png" class="particle">')
            }
        </script>
    </div>
    <article class="content" style="padding-top: 30px;"><body>
	<div class="notice-wrap">
		<div class="notice">
			<h1>生日快乐
            
            </h1>
			<p class="notice-cont">祝你生日快乐，天天开心。</p>
			<p class="notice-cont">既见君子，云胡不喜，浅喜如苍狗，<b style="color: red">深</b>爱似长风</p>
			<p class="notice-cont">但愿人长久，千里共婵娟，<b style="color: red">愿</b>君不负韶华</p>
			<p class="notice-cont" id="love"></p>
			<div class="notice-foot">
				<button onclick="no()" value="想要星辰">还是蛋糕</button>
                <button onclick="yes()" value="想要星辰">想要星辰</button>
			</div>
			<audio autoplay>
				<source src="miusc/bj.mp3" type="audio/mpeg"><!-- ！BGM！-->
			</audio>
		</div>
	</div>
<script>
function no(){
document.getElementById("love").innerHTML="嘿嘿！想吃蛋糕得我在场！";
}
function yes(){
document.getElementById("love").innerHTML="但我可以陪你看星空！QAQ";
}
</script>
</body>
</html>